<template>
	<view>
		<NavBar :text='text'  @end='end'>
			<template slot='title'>
				<!-- <u-icon name='list' size='28rpx' color="#fff"></u-icon> -->
				<view style="color: #fff; font-size: 25rpx;">结束问诊</view>
			</template>
		</NavBar>
		<view style="width: 100%; height: 120rpx;"></view>
		<view style="background-color: #0079fe;">
			<view class="flx" style="width: 90%; margin:0 auto; font-size: 30rpx; color: #fff; line-height: 100rpx; ">
				<view>咨询中</view>
				<view>17小时58分后结束</view>
			</view>
		</view>
		<view style="width: 90%; background-color: #fff; margin:0 auto; overflow: hidden; box-sizing: border-box; border-radius: 20rpx; margin-top:30rpx;">
			<view style="width: 100%; height: 50rpx;"></view>
			<view style=" width: 90%; margin:0 auto; font-size: 30rpx; color: #333; margin-top:20rpx; line-height: 50rpx;">
				病情描述：<span style="color: #a5a5a5a5;">{{context}}</span>
			</view>
			<view style="width: 100%; height: 50rpx;"></view>
			<view style="font-size: 30rpx; font-size: 30rpx; color: #333; width: 90%; margin:0 auto; margin-top:20rpx; line-height: 50rpx;">
				预约时间：<span>{{date}}</span>
			</view>
			<view style="width: 100%; height: 20rpx;"></view>
			<view  style="border-top: 1rpx solid #cecece; ">
				<view class="flx" style="width: 90%; margin: 0 auto;">
					<view class="flx1" style="line-height: 100rpx; font-size: 30rpx; color: #333;">
						<view>
							李四
						</view>
						<view style="font-size: 25rpx; color: #cecece; margin-left: 20rpx;">男</view>
						<view style="font-size: 25rpx; color: #cecece; margin-left: 20rpx;">43</view>
					</view>
					<view class="flx1" style="line-height: 100rpx; font-size: 30rpx; color: #333;">
						<view>患者资料</view>
						<view class="flxAlign">
							<u-icon name='arrow-right' size="28rpx" color="#333"></u-icon>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view style="width: 100%; height: 200rpx;"></view>
		<u-divider text="问诊已开始，本次问诊可持续24小时"></u-divider>
		<view style="width: 90%; margin:0 auto; padding: 20rpx; background-color: #fff; border-radius: 20rpx; font-size: 30rpx; color: #333; overflow: hidden; box-sizing: border-box; line-height: 50rpx;">
			温馨提示:患者购买了您的视频问诊，请在患者预约时间内与患者联系。如在问诊结束前，您未与患者视频沟通，患者可要求全额退款。点击下方[视频]图标，等待患者接入之后即可开始视频问诊
		</view>
		<view style="position: fixed; background-color: #fff; width: 100%; bottom: 0; height: 100rpx;">
			<view class="flx" style="width: 90%; margin:0 auto; margin-top: 15rpx;">
				<view style="width: 50rpx; height: 50rpx;">
					<image style="width: 100%; height: 100%;" src="/static/OnlineConsultation/mlf.png"></image>
				</view>
				<view>
					<input style="height: 60rpx; line-height: 60rpx; border: 1rpx solid #333; border-radius: 25rpx; padding: 10rpx; overflow: hidden; box-sizing: border-box;" v-model="value" placeholder="请回复患者"/>
				</view>
				<view style="width: 90rpx; text-align: center; border: 1rpx solid #333; border-radius: 10rpx; font-size: 30rpx; line-height: 50rpx;">
					发送
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import NavBar from '@/components/NarBar.vue'
	export default {
		components: {
			NavBar
		},
		data(){
			return{
				text:'支付方式',
				value:'',
				context:'最近一个月总是头晕、头痛、疲劳、心悸等有时还会出现注意力不集中、记忆力减退、肢体麻木的现急',
				date:'05-07 周四18:00-22:00'
			}
		},
		onLoad(params){
			if(params.datas == 1){
				this.text =  '在线咨询'
			}
		},
		methods:{
			end(){
				uni.switchTab({
					url:'/pages/index/index_index'
				})
			}
		}
	}
</script>

<style lang="scss">	
	page {
		background-color: #f6f6f6;
	}
</style>